<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>未来信息</title>
  </head>
  <body>
    <div class="container">
      <header>
        <img src="./assets/images/logo.svg" alt="" />
        <nav>
          <a>首页</a>
          <a>产品</a>
          <a>服务</a>
          <button class="btn">登录</button>
        </nav>
      </header>
      <main>
        <div class="mainLeft">
          <h1 class="headline">对未来世界信息的展望</h1>
          <p class="description">
            现今的信息技术水平极速发展，极大的影响了人们生活的方方面面，手机似乎已经成为了人们的“伴侣”，我们用手机查看地图出行，提醒日常任务，与世界各地的人联络...
          </p>
          <button class="btn">注册</button>
        </div>
        <div class="mainRight">
          <img src="./assets/images/main.svg" alt="" />
        </div>
      </main>
      <footer>
        <div class="socialMedia">
          <img src="./assets/images/wechat.svg" alt="weixin" />
          <img src="./assets/images/github.svg" alt="github" />
          <img src="./assets/images/email.svg" alt="email" />
          <img src="./assets/images/bilibili.svg" alt="bilibili" />
        </div>
      </footer>
    </div>
  </body>
</html>
